<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Resonance Audio - {{ page.title }}</title>
  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto+Condensed">
  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:light,regular,medium,thin,italic,mediumitalic,bold" title="roboto">
  <link rel="shortcut icon" type="image/png" href="{{ site.baseurl }}/images/favicon.png">
  <link rel="stylesheet" href="{{ site.baseurl }}/css/default.css">
  <link rel="stylesheet" href="{{ site.baseurl }}/css/side-menu.css">
  <link rel="stylesheet" href="{{ site.baseurl }}/css/github-markdown.css">
  <link rel="stylesheet" href="{{ site.baseurl }}/css/syntax.css">
  <link rel="stylesheet" href="{{ site.baseurl }}/css/pure-min.css">
  <!--[if lte IE 8]>
    <link rel="stylesheet" href="{{ site.baseurl }}/third_party/pure-layout-side-menu/side-menu-old-ie.css">
  <![endif]-->
  <!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="{{ site.baseurl }}/third_party/pure-layout-side-menu/side-menu.css">
  <!--<![endif]-->
</head>
<body>

<div id="layout">

    <!-- Collapsed menu toggle -->
    <a href="#menu" id="menuLink" class="menu-link">
        <span></span>
    </a>

    <!-- Expanded menu -->
    <div id="menu">
        <div class="pure-menu">
            <a class="pure-menu-heading" href="{{ site.baseurl }}/">Resonance Audio</a>

            <ul class="pure-menu-list">
              {% assign pages = site.pages | sort:"weight"  %}
              {% for node in pages %}
                {% unless node.exclude_from_menu or node.getting_started %}
                  {% if node.url == "/assets/css/style.css" %}
                    <!-- Do nothing -->
                  {% elsif page.url == node.url %}
                    <li class="pure-menu-item pure-menu-selected"><a href="{{ site.baseurl }}{{ node.url }}" class="pure-menu-link">{{ node.title }}</a></li>
                  {% else %}
                    <li class="pure-menu-item"><a href="{{ site.baseurl }}{{ node.url }}" class="pure-menu-link">{{ node.title }}</a></li>
                  {% endif %}
                {% endunless %}
              {% endfor %}
            </ul>
              <ul class="pure-menu-list">
                <li class="pure-menu-item"> <h2>Getting Started</h2>
                  <ul class="pure-menu-list">
                  {% assign pages = site.pages | sort:"weight"  %}
                  {% for node in pages %}
                  {% if node.getting_started %}
                  {% if node.url == "/assets/css/style.css" %}
                    <!-- Do nothing -->
                  {% elsif page.url == node.url %}
                    <li class="pure-menu-item pure-menu-selected"><a href="{{ site.baseurl }}{{ node.url }}" class="pure-menu-link">{{ node.title }}</a></li>
                  {% else %}
                    <li class="pure-menu-item"><a href="{{ site.baseurl }}{{ node.url }}" class="pure-menu-link">{{ node.title }}</a></li>
                  {% endif %}
                {% endif %}
              {% endfor %}
                </ul>
                </li>
            </ul>

              <ul class="pure-menu-list">
                <li class="pure-menu-item"> <h2>Reference</h2>
                  <ul class="pure-menu-list">
                      <li class="pure-menu-item"><a href="//developers.google.com//vr/reference/android/com/google/vr/sdk/audio/package-summary" class="pure-menu-link">Android SDK Reference</a></li>
                      <li class="pure-menu-item"><a href="{{ site.baseurl }}/reference/fmod" class="pure-menu-link">FMOD Reference</a></li>
                      <li class="pure-menu-item"><a href="//developers.google.com/vr/ios/reference" class="pure-menu-link">iOS SDK Reference</a></li>
                      <li class="pure-menu-item"><a href="{{ site.baseurl }}/reference/unity" class="pure-menu-link">Unity Reference</a></li>
              <li class="pure-menu-item"><a href="{{ site.baseurl }}/reference/web/ResonanceAudio" class="pure-menu-link">Web Reference</a></li>
              <li class="pure-menu-item"><a href="{{ site.baseurl }}/reference/web/Source" class="pure-menu-link">Web Source Reference</a></li>
              <li class="pure-menu-item"><a href="{{ site.baseurl }}/reference/web/Utils" class="pure-menu-link">Web Utils Reference</a></li>
              <li class="pure-menu-item"><a href="{{ site.baseurl }}/reference/wwise" class="pure-menu-link">Wwise Reference</a></li>
                </ul>
                </li>
            </ul>
        </div>
    </div>

    <!-- Main content -->
    <div class="markdown-body">
      <article>
        <h1>{{ page.title }}</h1>
        {{ content }}
      </article>
    </div>

</div>

<!-- Javascript for collapsing/expanding the menu -->
<script src="{{ site.baseurl }}/third_party/pure-layout-side-menu/ui.js"></script>
</body>
</html>
